<template>
  <div id="container" class="box">
    <div id="cesiumContainer"></div>
  </div>
</template>

<script>
export default {
  name: "Home",
  mounted() {
    this.init()
  },
  methods: {
    init() {
      let Cesium = this.cesium
      Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIzYzI1NzcwNS1jZDQ0LTQzZjMtOTIyZC0xMDgzNWNmODVhYmUiLCJpZCI6ODYxODQsImlhdCI6MTY0NzU2OTU5N30.oNBhNr4HdFDhGrxYbHX0qdxVpFLIhlVtXmsW6oSr9Y4"
      let viewer = new Cesium.Viewer("cesiumContainer")

      viewer._cesiumWidget._creditContainer.style.display = "none" // 隐藏版权
    }
  }
}
</script>

<style lang='scss' scoped>
html, body, #cesiumContainer {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
